<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>用户中心</title>
        <base href="${pageContext.request.contextPath}/">
        <script type="text/javascript" src="js/wangEditor.min.js"></script>
        <script type="text/javascript" src="https://unpkg.com/wangeditor@3.1.1/release/wangEditor.min.js"></script>
        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/style.css"/>
        <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" crossorigin="anonymous">
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
        <link rel="stylesheet" href="css/style.css"/>

    </head>
    <body style="background-color: #f7f7f7; ">

        <div class="header-most-top">
            <div class="container">
                <div class="row">
                    <div class="col-lg-7 col-md-8 col-sm-8 col-12">
                        <div class="main-flex-top">
                            <div class="email sel d-flex">
                                <div style="margin-right: 10px;" class="main-email-text d-flex">
                                    <i class="glyphicon glyphicon-home"></i>
                                    <a style="font-size: 14px; color: #e9dbf0;font-weight: 500;" class="nav-link active" href="index">首页</a>
                                </div>
                                <div class="main-loc-text d-flex">
                                    <i class="glyphicon glyphicon-tags"></i>
                                    <a style="font-size: 14px; color: #e9dbf0;font-weight: 500;" class="nav-link active" href="index">读书日记</a>
                                    <a style="font-size: 14px; color: #e9dbf0;font-weight: 500;" class="nav-link active" href="index">读书活动</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-4 col-sm-4 col-12">
                        <div class="login-area">
                            <div class="seclict-area">
                                <i class="glyphicon glyphicon-home" style="color: #e9dbf0;"></i>
                                <select name="cars">
                                    <option value="volvo">CN</option>
                                    <option value="saab">US</option>
                                    <option value="fiat">GE</option>
                                    <option value="audi">FRANCH</option>
                                </select>
                            </div>
                            <div class="user-log">
                                <i class="glyphicon glyphicon-user"></i>
                                <a href="toUserActivity">${loginUser.uname}&nbsp;|</a>  
                                <img src="${loginUser.uhead}">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="user-background">
            <img style="height: 400px; width: 100%" src="img/背景图.jpg" alt="">
        </div>               

        <!--导航栏-->
        <header id="top-heder-nav">
            <nav class="navbar navbar-expand-lg" data-toggle="sticky-onscroll">
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul style="margin-left: 400px;" class="navbar-nav">
                        <li class="nav-item"><a class="nav-link active" href="index">我的窝</a></li>
                        <li style="margin-left: 150px;" class="nav-item"><a class="nav-link active" href="logdetail/ulog?uname=${loginUser.uname}">我的日志</a></li>
                        <li style="margin-left: 150px;" class="nav-item"><a class="nav-link active" href="publish/plog?uname=${loginUser.uname}">发布日志</a></li>
                    </ul>
                </div>
            </nav>
        </header>

        <div style="width: 1300px;" class="container content-box">
            <div class="user-area">
                <img src="${loginUser.uhead}">
                <br>
                <br>
                <font style="font-family: 幼圆;font-size: 16px;"><b>${loginUser.uname}</b>&nbsp;&nbsp;<span style="color: #ff9d33;">${loginUser.ugender}</span></font>
                <p style="font-size: 14px;">等级：<b><span style="color: #ff9d33;">lv.${loginUser.urank}</span></b></p>
                <p style="color: #000; font-size: 12px;">来自慢时光游记</p>
            </div> 

            <!--右侧div-->
            <div class="user-right" style="margin-left:60px;float:left;">
                <div   style="background-color: #fff; margin: 20px; border: solid #ddd;height:100%;width:900px;display: table">
                    <br><br>
                    <ul   class="yj-list" style="display: block;">
                        <c:forEach items="${uLogList}" var="ul">
    <!--margin-left:100px;width: 600px;-->
    <!--style="margin-left:100px;float: left; margin-bottom: 30px;position: relative; "--> 
                            <li class="qisiwole"  style="margin-left:100px;float: left; margin-bottom: 30px;position: relative; height:155px;" >
                                <a>
                                <img style="width: 170px;height: 150px;float: left;" src="img/书籍图/${ul.ltitle}.jpg" alt="">
                                <!--<div class="list-recommend  gl-jh"></div>-->
                            </a>
                            <!--style="margin-left: 270px;  width: 440px; height: 150px;"-->
                                <div  style="margin-left: 270px;  width: 440px; height: 150px;" >
                                <a href="logdetail/log?name=${ul.lid}" target="_blank" rel="nofollow">
                                    <div class="list-name" style="color:purple;font-size: 20px;margin-left:-70px;">${ul.ltitle}</div> </a>
                                    <br>
                                    <div class="list-des" style="color:grey;margin-left:-70px;text-align:left;">${ul.lcontent}</div>
                               
                            </div>
                                <br><br><br>
                        </li>
          <br><br>
                        </c:forEach>
                    </ul>
                </div></div>
        </div>
        <!--尾部-->
        <div class="footre-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-8 col-sm-8 col-8">
                        <div class="copy-right-para">
                            <p>版权所有 &copy; 2019.张彦 陈新 毕爱卿 付丽瑶</p>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-4 col-sm-4 col-4">
                        <div class="copy-right-icon">
                            <a href="#"><i class="glyphicon glyphicon-thumbs-up face no-ag"></i></a>
                            <a href="#"><i class="glyphicon glyphicon-gift face"></i></a>
                            <a href="#"><i class="glyphicon glyphicon-heart-empty face"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>



</html>
